/* 
* 当前文件内的 样式 主要是对应  panda  各种按钮样式的封装
*/

.panda-btn-table-handle
  color  $panda-color-blue
  padding-left  4px
  padding-right  4px 
  font-size  1em
  line-height 1em
  cursor  pointer

.panda-btn-table-handle:hover
  text-decoration: underline;

.panda-btn-dense
  background-color #4EA1FF 
  color #FFFFFF

panda-btn-dense()
  background-color $panda-color-blue 
  color #FFFFFF
  display: inline-block; 
  height: 22px;
  padding: 0 10px;
  line-height: 22px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  cursor  pointer

.panda-btn-light-dense
  panda-btn-dense()
  background-color $panda-color-blue 


.panda-btn-dark-dense
  panda-btn-dense()
  background-color #788299 

.panda-btn-red-dense
  panda-btn-dense()
  background-color #FF494A 


.panda-right-info-toogle-button
  position relative
  display  inline-block
  height  14px
  width   14px
  border-radius 2px
  box-sizing border-box
  border  1px solid #788299
  .panda-right-info-toogle-button-inner
    position  absolute
    height  10px
    width  4px
    top  1px 
    right 1px
    background-color  #788299
    vertical-align: top;
.panda-right-info-toogle-button.active
  border  1px solid #4EA1FF
  .panda-right-info-toogle-button-inner
    background-color  #4EA1FF

/*按钮选中和滑过背景*/
.padan-btn-select-bg
  background #663727;

/*统一 按钮hover  样式 */
.panda-btn-hover    // 父级class
  position relative

.panda-btn-hover:hover
  .padan-btn-select-bg
    display block

.padan-btn-hover-bg-red:hover
  background #DC4748 

.padan-btn-hover-bg-green:hover
  background #4088DB

.padan-btn-hover-bg-gray:hover
  background #687186

  